<template>
    <el-row>
        <el-col>
            <el-button type="primary" icon="el-icon-edit"></el-button>
            <el-button type="primary" icon="el-icon-share"></el-button>
            <el-button type="primary" icon="el-icon-delete"></el-button>
            <el-button type="primary" icon="el-icon-search">搜索</el-button>
            <el-button type="primary">上传<i class="el-icon-upload el-icon--right"></i></el-button>
        </el-col>
        <el-col>
            <el-table :data="tableData">
                <el-table-column type="selection" width="55">
                </el-table-column>
                <el-table-column prop="date" label="日期" width="140">
                </el-table-column>
                <el-table-column prop="name" label="姓名" width="120">
                </el-table-column>
                <el-table-column prop="address" label="地址">
                </el-table-column>
                <el-table-column pro="operation" label="操作">
                    <template scope="scope">
                        <el-button size="mini" type="primary" plain>编辑</el-button>
                        <el-button size="mini"  type="danger" plain>删除</el-button>
                    </template>
                </el-table-column>
            </el-table>
        </el-col>
    </el-row>
</template>

<script>

    export default {
        name: 'Index',
        data() {
            const item = {
                date: '2016-05-02',
                name: '王小虎',
                address: '上海市普陀区金沙江路 1518 弄',
                operation : '',
                check : ''
            };
            return{
                tableData: Array(15).fill(item),
            }
        },
        methods: {

        }
    };
</script>